<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!-- 超文本链接:      实现页面的跳转【6种】
		     超文本链接元素： <a href="属性值特殊"></a>
			必须属性：   href=相对路径+文件全称
			超链接的跳转方式：
			1.跳转至本地页面：相对路径+文件全称
			2.跳转至本地：#  占位符
			3.跳转至互联网页面：http://www.baidu.com
			4.实现下载：相对路径+压缩文件
			5.跳转至邮箱 mailto:1586897598@qq.com 软件foxmail
			6.跳转至JS：javascript:alert("欢迎学习JS")
			target属性：跳转打开方式
			    属性值：_self 默认 在当前窗口打开
				       _blank     在新窗口打开
					   _top       在顶级窗口打开
					   _parent    在父级窗口打开
			-->
			<a href="javascript:alert('欢迎学习JS')">3.跳转至JS</a><br>
			<a href="mailto:1586897598@qq.com">6.跳转至邮箱</a><br>
			<a href="1.zip">5.下载</a><br>
			<a href="http://www.baidu.com"target="_self">4.百度一下，你就知道</a><br>
			<a href="#">1.跳转至本页</a><br>
			<a href="大风车.html">2.跳转到大风车页面</a>
			<!-- 【返回顶部】锚点步骤 1.定义锚点  2.锚点距离  3.锚点位-->
			<h2>锚点技术</h2>
			<!-- 1.定义锚点：人拿个绳子 -->
			<a href="#abc">人</a>
			<!-- 2.锚点距离：设定高度为1000px -->
			<div style="height:1000px"></div>
			<!-- 3.锚点位
			       超链接属性 name用于传参【前台传后台】
				   -->
			<a name="abc"><img src="img/1.jpg" alt="懒洋洋"></a>
				   
	</body>
</html>